<template>
	<view class="content">
		<view class="describe">
			<text>姓名</text>
			<u-input v-model="value" type="text" :clearable="false" placeholder='请输入您的姓名'
				placeholder-style="font-size:'28rpx'" :custom-style="inputSty" />
		</view>
		<view class="phoneNumber describe">
			<text>联系电话</text>
			<u-input v-model="carNum" type="text" :clearable="false" placeholder='请输入正确的手机号码'
				placeholder-style="font-size:'28rpx'" :custom-style="numSty" />
		</view>
		<view class="detail">
			<text>意见反馈</text>
			<u-input v-model="value1" type="textarea" :clearable="false" placeholder='请输入您的意见'
				placeholder-style="font-size:'28rpx'" height="233" />
		</view>
		<view class="upImg">
			<text>上传照片</text>
			<text class="format">只支持jpg. png格式</text>
			<u-upload :action="action" :file-list="fileList" upload-text="上传照片"> </u-upload>
		</view>
	
		<u-button :custom-style="customStyle" @click="save">提交</u-button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value: '',
				carNum: '',
				inputSty: {
					width: '196rpx'
				},
				numSty: {
					width: '280rpx'
				},
				customStyle: {
					fontSize: '32rpx',
					borderRadius: '16rpx',
					background: '#1677FE',
					height: '100rpx',
					margin: '100rpx 55rpx 0rpx',
					color: "#fff"
				},
				// 上传地址
				action: 'http://www.example.com/upload',
				fileList: [{
					url: '',
				}],
			}
		},
		methods: {
		}
	}
</script>

<style scoped lang="scss">
	.content{
		padding: 40rpx 24rpx;
		box-sizing: border-box;
		.describe{
			font-size: 28rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			border-bottom: 1rpx solid #D8D8D8;
			padding-bottom: 20rpx;
			margin-bottom: 40rpx;
			text{
				display: block;
			}
		}
		.detail {
			border-bottom: 1rpx solid #D8D8D8;
			margin-bottom: 40rpx;
		}
		.upImg{
			margin-bottom: 40rpx;
			padding-bottom: 40rpx;
		}
		.format{
			font-size: 24rpx;
			color: #999999;
			margin-left: 24rpx;
		}
	}
	.u-input[data-v-fdbb9fe6] {
	    flex: 0;
	}
	/deep/.u-add-wrap[data-v-49deb6f2] {
	    color: #999;
	    font-size: 24rpx;
		}
		
</style>